<div class="col-xs-12 col-md-12 col-lg-12 padding-none lists">

        <div class="col-md-12" id="all-order" style="height: 500px;"></div>

</div>
<script>
    ;(function($){
        var eChart = echarts.init(document.getElementById('all-order'));

        $.getJSON("<?php echo U('Admin/Statistics/Order/data')?>")
        .done(function(result){

            option = {
                title : {
                    text: '历史订单交易信息统计',
                    //subtext: '历史所有订单分析',
                    x:'center'
                },
                tooltip : {
                    trigger: 'item',
                    formatter: "{b} : {c} ({d}% )"
                },
                legend: {
                    orient: 'vertical',
                    left: 'left',
                    data: ['交易完成','退款订单']
                },
                series : [
                    {
                        name: '访问来源',
                        type: 'pie',
                        //radius : '55%',
                        center: ['50%', '60%'],
                        data:[
                            {value:335, name:'交易完成'},
                            {value:310, name:'退款订单'},
                        ],
                        itemStyle: {
                            emphasis: {
                                shadowBlur: 10,
                                shadowOffsetX: 0,
                                shadowColor: 'rgba(0, 0, 0, 0.5)'
                            }
                        }
                    }
                ]
            };


            eChart.setOption(option);

        });




    })($);

</script>